<template>
	<view class="bg-video">
		<!-- <video
			id="video"
			class="video"
			autoplay="true"
			muted="true"
			loop="loop" 
			src="http://bpic.588ku.com/video_listen/588ku_video/21/06/21/16/31/21/video60d04e59186ec.mp4"></video> -->
		<swiper class="screen-swiper" :indicator-dots="true" :circular="true"
		 :autoplay="true" interval="1000" duration="10">
			<swiper-item v-for="(item,index) in swiperList" :key="index">
				<image class="bg-sw-img" :src="item.url" mode="aspectFill"></image>
			</swiper-item>
		</swiper>
		
		<view class="cover">
			
		</view>
	</view>
</template>

<script>
	export default {
		data: function() {
			return {
				swiperList: [
					{
						url: "https://bpic.588ku.com//back_origin_min_pic/21/08/13/874a654d6e3c4b8e21f2c0f1b1bf278c.jpg"
					},
					{
						url: "https://bpic.588ku.com//back_origin_min_pic/21/07/24/405a0f939acd782253d123db4e573531.jpg"
					},
					{
						url: "https://bpic.588ku.com//back_origin_min_pic/21/08/11/c13a1caa5c955acdd24a641c60cb2445.jpg"
					},
					{
						url: "https://bpic.588ku.com//back_origin_min_pic/19/09/29/aa280c419a2e4b9637687513bc9790a2.jpg"
					},
					{
						url: "https://bpic.588ku.com//back_origin_min_pic/21/05/26/59d0fa23b1e6dc50c547ce5c40f55696.jpg"
					},
					{
						url: "http://bpic.588ku.com//back_origin_min_pic/21/05/26/66204fd5f8c8cdf408dd0aaf5cd859c2.jpg"
					}
					
				]
			};
		},
		onLoad:function() {
			
		}
	}
</script>

<style scoped>
	.bg-video {
		position: fixed;
		left: 0;
		top: 0;
		z-index: -1;
	}
	.bg-sw-img {
		width: 100vw;
		height: 100vh;
		top: 0;
	}
	.screen-swiper {
		width: 100vw;
		height: 100vh;
	}
	.bg-video .video {
		transform: scale(4, 4);
		width: 100vw;
		height: 100vh;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -512;
	}
	.bg-video .cover {
		background-color: rgba(0,0,0, 0.9);
		position: absolute;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: 0;
	}
</style>
